@charset "UTF-8";
@font-face {font-family:KABELM;src:url(../font/KABELM_0.TTF),url(../font/KABELM_0.eot),url(../font/KABELM_0.woff),url(../font/KABELM_0.woff2),url(../font/KABELM_0.otf)}
@keyframes warn {0% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0;}
25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;}
50% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.3;}
75% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.6;}
100% {transform:scale(1);-webkit-transform:scale(1);opacity:0.0;}
}
@keyframes warn1 {0% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0;}
25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;}
50% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.3;}
75% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.6;}
100% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.0;}
}
* {margin:0;padding:0;font-size:13px;font-family:microsoft yahei;color:#333}
body {overflow-x:hidden;min-width:1360px;}
svg {display:block;}
img {border:0 none}
a,img {outline:0}
a {text-decoration:none}
li {list-style:none}
.fl {float:left}
.pl {left:0}
.pl,.pr {position:absolute}
.pr {right:0}
.fr {float:right}
.page {margin:0 auto;width:1360px}
.cl,.clear {clear:both;display:block;}
.dis {display:none}
.top35 {margin-top:35px}
.en {text-transform:uppercase;font-family:arial}
.Page_nav {position:fixed;width:100%;top:0;z-index:33343;height:90px;border-bottom:1px solid rgba(255,255,255,0.2);transition:0.3s all ease;min-width:1360px;}
.Page_nav:hover {
  background: rgba(230,85,35,0.8);
}
.Page_nav.Page_nav_b,.Page_nav.Page_nav_b:hover {background:rgba(230,85,35,0.9);border-bottom:0 none;}
.Page_nav > .Page_nav_l {float:left;width:360px;height:50px;padding:20px;}
.Page_nav > .Page_nav_r {float:right;}
.Page_nav > .Page_nav_r > .Nav_list > ul > li {float:left;}
.Page_nav > .Page_nav_r > .Nav_list > ul > li > a {color:#fff;display:block;line-height:90px;padding:0 15px;font-size:16px}
.sec_menu_nav {position:absolute;left:0;top:90px;width:100%;padding:0px !important;background:;height:270px;  display:none; background: #fff;border: 1px solid #e3e9f7;}
.sec_menu_nav > .page {background:#fff;height:100%;}
.sec_menu_nav > .page:after {content:'';display:block;clear:both;}
.sec_menu_nav > .page > ul {float:left;width:200px;background:#f9faff;padding:0 20px;position:relative;}
.sec_menu_nav > .page > ul:before{content: '';background:#f9faff;width:300px;position:absolute;left: -300px;height: 100%;top:0 }
.sec_menu_nav > .page > ul:after {content:'';display:block;clear:both;height:100%;position:absolute;top:0;right:0;width:1px;background:#e3e9f7;}
.sec_menu_nav > .page > ul > li{display:block;font-size:17px;line-height:29px;color:#374567;text-align:left;border-radius:0;margin:0;height:45px;font-weight:bold;border-top:1px solid #e3e9f7;padding:20px 20px 20px 50px;position:relative;}
.sec_menu_nav > .page > ul > li:after{content: "";
position: absolute;
top: 34px;
left: 25px;
width: 6px;
height: 6px;
border-radius: 50%;
background: linear-gradient(90deg,rgba(56,96,244,.21) 0,rgba(56,96,244,.05) 100%);}
.sec_menu_nav > .page > ul > li.cur:after{background: linear-gradient(90deg,#ff561c 0,rgba(95,135,248,0) 100%);}
.sec_menu_nav > .page > ul > li:nth-child(2).cur:after{background: linear-gradient(90deg,#d21616 0,rgba(95,135,248,0) 100%);}
.sec_menu_nav > .page > ul > li:nth-child(3).cur:after{background: linear-gradient(90deg,#fb9300 0,rgba(95,135,248,0) 100%);}
.sec_menu_nav > .page > ul > li:first-child {border-top:0 none;}
.sec_menu_nav > .page > ul > li.cur {color:#ff561c}
.sec_menu_nav > .page > ul > li.cur:before {opacity:1;}
.sec_menu_nav > .page > ul > li:nth-child(2).cur {color:#d21616;}
.sec_menu_nav > .page > ul > li:nth-child(3).cur {color:#fb9300;}
.sec_menu_nav > .page > ul > li:before {content:'';display:block;clear:both;width:3px;height:100%;position:absolute;right:-21px;top:0%;background:#ff561c;z-index:3;transition:.3s all ease;opacity:0;}
.sec_menu_nav > .page > ul > li:nth-child(2):before {background:#d21616;}
.sec_menu_nav > .page > ul > li:nth-child(3):before {background:#fb9300;}
.sec_menu_nav > .page > ul > li.cur .en {color:#666}
.sec_menu_nav > .page > ul > li .en {color:#9caac1;display:block;line-height:20px;font-weight:lighter;font-size:13px;}
.sec_menu_nav > .page > ul > li .en:after{content: '';display: block;width: 600px;background:#e3e9f7;height: 1px;right: 0;position: absolute;top:-1px;}
.sec_menu_nav > .page > .sec_menu_page {float:right;width:1100px;position:relative;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4 > ul {padding:0px 15px; clear:both;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4 > ul > strong > a {font-size:18px;font-weight:normal;line-height:40px;display:block;color:#343434;border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 10px;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4 > ul > li{ float:left; width:220px;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4 > ul > li > a {display:block;font-size:13px;color:#666;line-height:22px;font-weight:lighter;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4 {position:absolute;right:0;width:100%;top:0;padding:45px;box-sizing:border-box;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4 > ul > li > a:hover,.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4 > ul > strong > a:hover {color:#ff561c;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4:nth-child(2) > ul > li > a:hover,.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4:nth-child(2) > ul > strong > a:hover {color:#d21616;}
.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4:nth-child(3) > ul > li > a:hover,.sec_menu_nav > .page > .sec_menu_page > .sec_menu_col4:nth-child(3) > ul > strong > a:hover {color:#fb9300;}
.Nav_list:after {content:'';clear:both;display:block;}
.Nav_list {float:left;}
.Nav_btn {float:left;border-radius:50px;overflow:hidden;background: #ffc75c;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZjNzVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOGY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(-45deg, #ffc75c 1%, #ff8f5c 100%);background: -webkit-linear-gradient(-45deg, #ffc75c 1%,#ff8f5c 100%);background: linear-gradient(135deg, #ffc75c 1%,#ff8f5c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc75c', endColorstr='#ff8f5c',GradientType=1 );height:34px;margin:28px 10px;}
.Nav_btn a {font-size:15px;color:#fff;line-height:32px;padding:0px 20px;display:block;height:34px;}
.Nav_btnX {float:left;border-radius:50px;overflow:hidden;background: #ffc75c;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZjNzVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOGY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(-45deg, #ffc75c 1%, #ff8f5c 100%);background: -webkit-linear-gradient(-45deg, #ffc75c 1%,#ff8f5c 100%);background: linear-gradient(135deg, #ffc75c 1%,#ff8f5c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc75c', endColorstr='#ff8f5c',GradientType=1 );height:34px;margin:28px 10px;}
.Nav_btnX a {font-size:15px;color:#fff;line-height:32px;padding:0px 20px;display:block;height:34px;}

.Nav_eMenu {background:url(../images/Nav_eMenu.png) no-repeat center;width:90px;height:90px;float:left;cursor:pointer;}
.Page_service {padding:70px 0 100px;}
.service_row1 a {font-size:32px;text-align:center;display:block;color:#343434;font-weight:normal;line-height:45px;padding:0px 0 50px;}
.service_row1 a p {color:#777777;font-size:16px;font-weight:lighter;line-height:25px;}
.service_row2_in {border:1px solid #eee;width:1280px;height:640px;position:relative;margin-left:auto;margin-right:0;}
.service_cont_in {width:600px;height:540px;position:absolute;left:0;top:0%;z-index:3333;}
.service_cont_page {width:600px;height:540px;position:absolute;left:-80px;top:50%;margin-top:-270px;}
.service_cont {width:600px;height:540px;}
.service_cont_in_tit {padding:60px;}
.service_cont_in_tit strong {color:#fff;font-size:32px;font-weight:normal;line-height:40px;}
.service_cont_in_tit p {color:#fff;font-weight:lighter;font-size:16px;line-height:30px;padding-bottom:20px;}
.service_cont_in_tit span {color:#fff;border-radius:50px;background:rgba(0,0,0,0.1);line-height:28px;padding:0 15px;display:block;float:left;margin-right:6px;font-size:12px;}
.service_cont_in_tit span a{font-size: inherit;color:inherit;}
.service_cont_in1 {background:url(../images/service_cont_in1.png) no-repeat center;}
.service_cont_in2 {background:url(../images/service_cont_in2.png) no-repeat center;}
.service_cont_in3 {background:url(../images/service_cont_in3.png) no-repeat center;}
.service_tit {display:block;position:absolute;right:0;width:680px;height:640px;top:0;border-left:1px solid #f2f2f2;}
.service_tit .service_tit_in {float:left;width:220px;height:200px;padding:60px;position:relative;display:block;transition:0.3s all ease;}
.service_tit .service_tit_in.on {background:#f2f2f2}
.service_tit:after {content:'';display:block;clear:both;width:100%;top:50%;height:1px;background:#f2f2f2;position:absolute;left:0;}
.service_tit:before {width:1px;height:100%;content:'';display:block;position:absolute;left:50%;background:#f2f2f2;}
.service_tit_in i {display:block;width:52px;height:52px;background:#254cb3;background:-moz-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:-webkit-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:linear-gradient(45deg,#254cb3 0%,#3974cd 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#254cb3',endColorstr='#3974cd',GradientType=1 );border-radius:52px;box-shadow:0 0 0 10px rgba(47,96,192,0.15);position:relative;}
.service_tit_in i img {display:block;width:22px;height:22px;padding:15px;position:relative;z-index:2;}
.service_tit_in i:after {content:'';position:absolute;z-index:1;background:rgba(47,96,192,0.05);width:92px;height:92px;left:-20px;border-radius:92px;top:-20px;}
.service_tit_in2 i {background:#b91212;background:-moz-linear-gradient(45deg,#b91212 0%,#d11c1c 100%);background:-webkit-linear-gradient(45deg,#b91212 0%,#d11c1c 100%);background:linear-gradient(45deg,#b91212 0%,#d11c1c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b91212',endColorstr='#d11c1c',GradientType=1 );box-shadow:0 0 0 10px rgba(197,23,23,0.15);}
.service_tit_in2 i:after {background:rgba(197,23,23,0.05);}
.service_tit_in3 i {background:#eb7500;background:-moz-linear-gradient(45deg,#eb7500 0%,#f2a400 100%);background:-webkit-linear-gradient(45deg,#eb7500 0%,#f2a400 100%);background:linear-gradient(45deg,#eb7500 0%,#f2a400 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7500',endColorstr='#f2a400',GradientType=1 );box-shadow:0 0 0 10px rgba(238,140,0,0.15);}
.service_tit_in3 i:after {background:rgba(238,140,0,0.05);}
.service_tit .service_tit_in strong {font-size:22px;font-weight:normal;color:#2d5bbd;line-height:50px;display:block;margin-top:15px;}
.service_tit .service_tit_in2 strong {color:#c51717}
.service_tit .service_tit_in3 strong {color:#f09b00}
.service_tit .service_tit_in p {font-size:14px;font-weight:lighter;color:#666;line-height:26px;padding:0px 0px;}
.service_more {width:340px;height:320px;position:absolute;right:0;bottom:0;}
.service_more i {width:60px;height:20px;margin:0 auto;background:url(../images/service_more.png) no-repeat center;display:block;position:absolute;top:50%;left:50%;margin-left:-30px;margin-top:-35px;}
.service_more p {font-size:18px;color:#666;font-weight:lighter;display:block;text-align:center;line-height:50px;position:absolute;width:100%;top:50%;margin-top:-15px;}
.service_more em {width:300px;height:220px;background:url(../images/service_more2.png) no-repeat center;display:block;position:absolute;bottom:-75px;right:-130px;}
.index_about {background:#f7f7f7 url(../images/index_about_bg.jpg) no-repeat center;height:330px;width:100%;padding:80px 0;overflow:hidden;}
.i_about_l {float:left;}
.i_about_r {float:right;width:730px;height:330px;position:relative;}
.i_about_l strong {font-size:36px;font-weight:normal;color:#343434;display:block;line-height:50px;}
.i_about_l strong .small {font-size:18px;color:#343434;font-weight:lighter;display:block;line-height:35px;}
.i_about_line_page {position:absolute;bottom:-80px;right:-270px;width:1160px;height:220px;display:none;}
.i_about_line_page:before {background:-moz-linear-gradient(left,rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%);background:-webkit-linear-gradient(left,rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%);background:linear-gradient(to right,rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7',endColorstr='#00f7f7f7',GradientType=1 );width:190px;height:100%;position:absolute;left:0;top:0;content:'';display:block;z-index:6;}
.i_about_line_page:after {background:-moz-linear-gradient(left,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);background:-webkit-linear-gradient(left,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);background:linear-gradient(to right,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7',endColorstr='#f7f7f7',GradientType=1 );width:190px;height:100%;position:absolute;right:0;top:0;content:'';display:block;z-index:6;}
.index_about .page {position:relative;}
.i_about_line_in {display:block;width:2080px;height:240px;background:url(../images/about_line.png) no-repeat center;}
.mCustomScrollbar {width:500px;height:90px;padding:35px 0 55px;}
.mCSB_container {padding-left:20px;opacity:0.9;}
.about_mscroll .mCSB_scrollTools .mCSB_draggerRail {background:none;}
.mCSB_container,.mCSB_container p {color:#666;line-height:30px;font-size:15px;text-align:justify;text-indent:0;font-weight:lighter;}
.mCSB_container p {padding:0;}
.in_video .lightbox {display:block;width:60px;height:60px;position:relative;z-index:3;}
.in_video .lightbox .img {display:block;width:60px;height:60px;padding:0;/*! border:2px solid #fff;*/border-radius:50%;overflow:hidden;position:absolute;top:0;left:0;z-index:3;margin-left:0;margin-top:0;background:#254cb3;background:-moz-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:-webkit-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:linear-gradient(45deg,#254cb3 0%,#3974cd 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#254cb3',endColorstr='#3974cd',GradientType=1 );}
.in_video .lightbox .img img {width:100%;height:100%;display:block}
.in_video .pulse {position:absolute;top:50%;left:50%;z-index:1;margin-top:-60px;margin-left:-60px;width:120px;height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#254cb3;background:-moz-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:-webkit-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:linear-gradient(45deg,#254cb3 0%,#3974cd 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#254cb3',endColorstr='#3974cd',GradientType=1 );/*! box-shadow:1px 1px 20px #b90000;*/ opacity:0;-webkit-animation:warn 2s ease-out 1s;-moz-animation:warn 12 ease-out 1s;animation:warn 2s ease-out 1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;transform:scale(0);}
.in_video .pulse1 {position:absolute;top:50%;left:50%;z-index:1;margin-top:-60px;margin-left:-60px;width:120px;height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#254cb3;background:-moz-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:-webkit-linear-gradient(45deg,#254cb3 0%,#3974cd 100%);background:linear-gradient(45deg,#254cb3 0%,#3974cd 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#254cb3',endColorstr='#3974cd',GradientType=1 );/*! box-shadow:1px 1px 20px #b90000;*/ opacity:0;-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;transform:scale(0);}
.i_about_r_item {cursor: pointer;float:left;margin:0;position:absolute;width:285px;}
.i_about_r_item i {background:#fff;width:90px;height:90px;display:block;border-radius:50%;text-align:center;float:left;}
.i_about_r_item i img {display:block;width:60px;height:60px;padding:15px;}
.i_about_r_item.i_about_r_item1 {background:url(../images/i_about_r1_bg.png) no-repeat 45px bottom;padding-bottom:110px;left:18px;bottom:26px;}
.i_about_r_item.i_about_r_item2 {background:url(../images/i_about_r2_bg.png) no-repeat 45px bottom;padding-bottom:130px;left:272px;bottom:106px;}
.i_about_r_item.i_about_r_item3 {background:url(../images/i_about_r3_bg.png) no-repeat 45px bottom;padding-bottom:100px;left:547px;bottom:70px;}
.i_about_r_item p {font-size:14px;color:#888;display:block;float:left;font-weight:lighter;line-height:20px;padding:20px 0 20px 20px;}
.i_about_r_item p strong {display:block;font-weight:normal;font-size:22px;color:#343434;line-height:30px;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  background-color:#ff561c;
}
.i_about_r_item1:hover p strong{color:#ff561c;}
.i_about_r_item2:hover p strong{color:#0082ef;}
.i_about_r_item3:hover p strong{color:#f09b00;}
.index_solu {/*background-color:#2e2e2e;*/ background:url(../images/product-cate-bg.jpg) no-repeat center; width:100%;min-height:690px;padding:80px 0;background-attachment:fixed;}
.solu_row1 a {font-size:36px;color:#333333;text-align:center;display:block;line-height:45px;}
.solu_row1 a .small {color:#999;font-size:20px;font-weight:lighter;display:block;line-height:45px;}
.solu_row2 {padding:40px 0 0;}
.solu_l {float:left;width:330px;padding:10px 70px 10px 0;position:relative;}
.solu_l:after {content:'';display:block;height:100%;width:1px;background:#333;position:absolute;right:0;top:0;}
.solu_l ul li {display:block;color:#fff;line-height:60px;padding:0 30px;position:relative;margin:15px auto; background:#797979; border-radius:7px;}
.solu_l ul li a {display:block;padding-left:50px;font-size:17px;color:#fff;line-height:60px;background:url(../images/solu_l_ico.png) no-repeat 10px center;position:relative;z-index:3;}
.solu_l ul li:before {content:'';display:block;background:#ff561c;width:100%;height:100%;position:absolute;left:-100%;top:0;border-radius:7px;transition:0.3s all ease;opacity:0;filter:alpha(opacity=0);}
.solu_l ul li:after {content:'';display:block;background:#ff561c;width:3px;border-radius:4px;height:45px;position:absolute;z-index:3;top:50%;margin-top:-22px;opacity:0;filter:alpha(opacity=0);right:-71px;transition:0.3s all ease;}
.solu_l ul li:hover:after,.solu_l ul li.on:after {right:-71px;opacity:1;filter:alpha(opacity=100);}
.solu_l ul li:hover:before,.solu_l ul li.on:before {opacity:1;filter:alpha(opacity=100);left:0}
.solu_content_tit strong {font-size:26px;font-weight:normal;color:#333333;display:block;line-height:60px;}
.solu_content_tit p {font-size:15px;font-weight:lighter;color:#bbbbbb;line-height:28px;}
.solu_content_tit a {color:#fff;padding:0 35px 0 5px;border:1px solid #ff561c;line-height:40px;display:block;border-radius:5px;width:90px;text-align:center;background:url(../images/solu_content_tit_a.png) no-repeat 90px center;margin-top:20px;transition:0.3s all ease;}
.solu_content_tit a:hover {background-color:#ff561c;border:#ff561c 1px solid;}
.solu_r {width:860px;float:right;}
.solu_r > .solu_content .solu_content_tit {padding:10px 0 20px;}
.solu_content_row h4 {display:block;color:#333;font-size:16px;font-weight:lighter;position:relative;line-height:40px;padding:20px 0;}
.solu_content_row h4:after {content:'';height:1px;width:860px;background:#666;display:block;position:absolute;top:50%;right:0;}
.solu_content_row2 ul li {float:left;margin-right:15px;margin-bottom:15px;}
.solu_content_row2 ul:after {content:'';clear:both;display:block;}
.solu_content_row2 ul li a {font-size:14px;color:#333;font-weight:lighter;border:1px solid #666;line-height:40px;display:block;padding:0 25px 0 55px;border-radius:5px;transition:0.3s all ease;}
.solu_content_row2 ul li:hover a {color:#fff;background-color:rgba(51,51,51,0.38);border:1px solid #fff}
.solu_content_row3 ul li {float:left;margin-right:20px;}
.solu_content_row3 ul li a,.solu_content_row3 ul li a img {display:block;height:100px;width:auto;}
.web_case_row1:after {content:'';display:block;clear:both;}
.web_case_r1_r,.web_case_r1_l {width:50%;float:left;position:relative;}
.web_case_r1_l img {width:100%;display:block;height:auto;}
.web_case_r1_r .web_case_item {float:left;width:50%;position:relative;display:block;}
.web_case_item .web_case_item_img {position:absolute;width:68%;left:16%;top:17.5%;z-index:3;}
.web_case_item .web_case_item_img img {width:100%;height:auto;display:block;}
.web_case_item .web_case_item_bg img {display:block;width:100%;height:auto;}
.web_case_item_bg {width:100%;}
.web_case_row2 .web_case_item {width:25%;float:left;position:relative;}
.web_case_item:after {content:'';display:block;clear:both;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0;transition:0.3s all ease;}
.web_case_item:hover:after {opacity:0.07}
.web_case_item_text {position:absolute;bottom:0;width:100%;text-align:center;line-height:30px;font-size:18px;font-weight:bold;padding:15px 0;z-index:3;transition:0.3s all ease;}
.web_case_item_text .small {display:block;font-weight:100;font-size:14px;color:#666;line-height:18px;transition:0.3s all ease;}
.web_case_r1_l strong {position:absolute;font-weight:normal;font-size:22px;color:#fff;line-height:30px;padding:8%;width:84%;}
.web_case_r1_l strong:after {content:'';display:block;width:40px;height:22px;background:url(../images/case_big_btn.png) no-repeat center;position:absolute;right:8%;top:50%;margin-top:-11px;}
.web_case_r1_l strong .small {display:block;color:#fff;font-size:14px;font-weight:lighter;line-height:25px;}
.web_case_r1_img {width:60%;position:absolute;left:20%;bottom:20%;}
.web_case_r1_l_in {position:absolute;left:0;top:0;width:100%;height:100%;}
.web_case_r1_l_tit {position:absolute;width:84%;left:8%;bottom:9%;}
.web_case_r1_l_page {position:absolute;left:0;top:0;width:100%;height:100%;}
.web_case_r1_l_tit ul li {float:left;color:#fff;width:30px;height:20px;line-height:20px;text-align:center;font-size:15px;font-family:arial;}
.web_case_row2:after {content:'';display:block;clear:both;}
.web_case_r1_r .web_case_item:nth-child(2) .web_case_item_bg,.web_case_r1_r .web_case_item:nth-child(3) .web_case_item_bg,.web_case_row2 .web_case_item:nth-child(2n) .web_case_item_bg {display:block;background:#111;}
.web_case_r1_r .web_case_item:nth-child(2) .web_case_item_bg img,.web_case_r1_r .web_case_item:nth-child(3) .web_case_item_bg img,.web_case_row2 .web_case_item:nth-child(2n) .web_case_item_bg img {opacity:0.96;}
.index_data {height:570px;width:100%;background:url(../images/data_bg.jpg) no-repeat center / cover;padding:90px 0;background-attachment:fixed;}
.data_row1 {display:block;font-size:36px;line-height:50px;color:#fff;text-align:center;}
.data_row1 .small {color:#dfdfdf;font-size:17px;font-weight:100;display:block;line-height:35px;}
.data_row2 {position:relative;background:url(../images/data_bg.png) no-repeat center;padding:50px 0;}
.data_row2::after {content:'';clear:both;display:block;}
.data_item {float:left;width:300px;padding:50px 76px;text-align:center;height:120px;}
.data_item strong {color:#fff;font-size:80px;font-weight:normal;line-height:80px;font-family:KABELM;height:80px;display:block;}
.data_item p{font-size:18px;color:#fff;font-weight:lighter;line-height:40px;}
.data_item strong .small {display:inline-block;vertical-align:top;color:#fff;font-size:26px;font-weight:100;font-family:KABELM;padding-left:5px;}
.data_item strong i {font-size:inherit;color:inherit;font-family:inherit;font-style:normal;}
.news {background:#f5f5f5;padding:80px 0;width:100%;}
.news_row1 {display:block;font-size:36px;line-height:50px;color:#343434;text-align:center;}
.news_row1 .small {color:#999;font-size:17px;font-weight:100;display:block;line-height:35px;}
.news_row2 ul li {display:inline-block;margin:0px 10px;padding:2px 35px;position:relative;}
.news_row2 ul {text-align:center;}
.news_row2 {padding:30px 0 10px;}
.news_row3 {padding:30px 0 0 !important;}
.news_row2 ul li a {font-size:15px;color:#343434;line-height:32px;display:block;position:relative;z-index:3;transition:0.3s all ease;}
.news_row2 ul li:after {content:'';display:block;width:100%;height:100%;background:#3974cd;background:-moz-linear-gradient(left,#3974cd 0%,#254cb3 100%);background:-webkit-linear-gradient(left,#3974cd 0%,#254cb3 100%);background:linear-gradient(to right,#3974cd 0%,#254cb3 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3974cd',endColorstr='#254cb3',GradientType=1 );position:absolute;left:0;top:-100%;border-radius:50px;transition:0.3s all ease;opacity:0;filter:alpha(opacity=0);}
.news_row2 ul li.cur:after {opacity:1;filter:alpha(opacity=100);top:0;}
.news_row2 ul li.cur a {color:#fff;}
.news_l {width:360px;padding:38px;background:#fff;float:left;}
.news_item_b_tit {padding:15px 0;border-bottom:1px solid #eee;}
.news_item_b_tit strong {white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;font-size:18px;font-weight:normal;color:#343434;line-height:40px;display:block;}
.news_item_b_tit p {font-size:14px;font-weight:lighter;color:#777;line-height:25px;height:60px}
.news_item_big {display:block;}
.news_item_big .news_item_b_img {width:100%;display:block;height:165px;}
.news_item_big .news_item_b_img img {display:block;width:100%;height:100%;}
.news_item_big:hover .news_item_b_tit strong {color:#ff561c;}
.news_item_big:hover .news_item_b_date i {color:#ff561c;}
.news_item_big:hover .news_item_b_date i:after {border-left:5px solid #ff561c;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.news_item_b_date {padding:16px 0 0;width:360px;}
.news_item_b_date:after {content:'';display:block;clear:both;}
.news_item_b_date i {font-size:15px;color:#666;font-style:normal;font-weight:lighter;position:relative;padding:0 15px 0 0;float:left;display:block;line-height:30px;}
.news_item_b_date i:after {content:'';display:block;width:0;height:0;border-left:5px solid #aaa;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;right:0;top:50%;margin-top:-5px;}
.news_item_b_date span {float:right;color:#999;font-weight:lighter;font-family:arial;line-height:30px;}
.news_r {float:right;width:924px;}
.news_row3_in:after {content:'';display:block;clear:both;}
.news_item {background:#fff;display:block;float:left;width:290px;margin-left:2px;margin-bottom:2px;position:relative;padding:40px 30px 41px 140px;height:57px;transition:0.3s all ease;}
.news_item .news_item_date {position:absolute;text-align:center;width:140px;left:0;font-size:15px;color:#666;font-family:arial;line-height:20px;top:50%;margin-top:-35px;}
.news_item .news_item_date i {font-style:normal;font-size:40px;display:block;color:#343434;font-family:arial;line-height:50px;}
.news_item > strong {white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;font-size:16px;font-weight:normal;color:#343434;line-height:30px;display:block;padding-bottom:0px;}
.news_item > p {font-size:13px;color:#777;line-height:25px;display:block;font-weight:lighter;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_item:hover {background:#4c7ffc; /*opacity:0.28;*/}
.news_item:hover .news_item_date,.news_item:hover .news_item_date i {color:#fff;}
.news_item:hover > strong {color:#fff;}
.news_item:hover > p {color:#bfd5ff;}
.index_search {background:url(../images/search_bg.jpg) no-repeat center;width:100%;height:180px}
.index_search > .page > .fl {padding:40px 20px;}
.index_search > .page > .fl strong {font-size:40px;color:#fff;line-height:60px;display:block;}
.index_search > .page > .fl strong .small {display:block;color:#fff;font-weight:normal;font-size:18px;line-height:40px;}
.index_search > .page > .fr {padding:40px 0;height:100px; max-width:360px;}
.index_search_r_row1 {color:#fff;font-size:13px;display:block;line-height:30px;font-weight:100;}
.index_search_r_row1 strong {font-size:34px;font-weight:normal;color:#fff;font-family:arial;display:block;line-height:30px;}
.index_search_r_row2 {display:block;}
.index_search_r_row2 form:after {content:'';display:block;clear:both;}
.index_search_r_row2 form {display:block;padding:10px 0 0}
.index_search_r_row2 form input {border:0 none;background:#fff;border-radius:50px;line-height:32px;padding:0 20px;color:#343434;margin-right:10px;float:left;display:block;font-size:14px;height:32PX}
.index_search_r_row2 form .form-control{ width:180px;}
.index_search_r_row2 form input#submit {display:block;color:#fff; width:100px; background:#ff9800;background:-moz-linear-gradient(top,#ff9800 0%,#e57700 100%);background:-webkit-linear-gradient(top,#ff9800 0%,#e57700 100%);background:linear-gradient(to bottom,#ff9800 0%,#e57700 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9800',endColorstr='#e57700',GradientType=0 );}
.copy_row1 {padding:35px 0;background:#101a51;}
.copy_row2 {padding:50px 0 75px;background:#101a51;position:relative;}
.copy_row3 {padding:40px 0 20px;background:#101a51;position:relative;color:#ffffff;text-align:center;font-size:14px;font-weight:lighter;line-height:40px;display:block;height:40px;}
.copy_row3 p{ color:#a6acb5;}
.copy_row2:after {content:'';display:block;clear:both;position:absolute;z-index:2;width:100%;height:1px;background:#1b2a7e;left:0;top:0;}
.copy_row3:after {content:'';display:block;clear:both;position:absolute;z-index:2;width:100%;height:1px;background:#1b2a7e;left:0;top:0;}
.copy_row3 a {font-size:inherit;color:inherit;}
.copy_row3 a:hover {color:#fff;}
.fri_tit {padding:0 0 15px;}
.fri_tit h4 {color:#fff;background:#2851b7;position:relative;line-height:30px;height:30px;width:90px;text-align:center;float:left;font-weight:normal;font-size:14px;}
.fri_tit h4:after {content:'';display:block;width:0;height:0;border-top:5px solid #2851b7;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;bottom:-5px;left:50%;margin-left:-5px;}
.fri_tit > a {float:right;color:#eee;line-height:30px;font-size:14px;font-weight:lighter;background:#2851b7;padding:0 25px;border-radius:50px;}
.fri_tit:after,.fri_cont ul:after {content:'';display:block;clear:both;}
.fri_cont ul li {float:left;margin-right:10px;}
.fri_cont ul li a {font-size:14px;color:#a2a9b5;line-height:28px;display:block;font-weight:lighter;}
.fri_cont ul li a:hover {color:#fff;text-decoration:underline}
.copy_row2 .fl{ float:left; width:400px; overflow:hidden;}
.copy_row2 .add_tit ul li {float:left;color:#6c7480;font-size:17px;padding-right:10px;margin-right:10px;position:relative;line-height:40px;}
.copy_row2 .add_tit ul:after {content:'';display:block;clear:both;}
.copy_row2 .add_tit ul li:after {content:'';clear:both;position:absolute;width:1px;height:40%;right:0;top:30%;background:#2851b7;}
.copy_row2 .add_tit ul li:nth-last-child(1):after {display:none;}
.copy_row2 .add_cont .add_cont_in p {font-size:14px;font-weight:lighter;color:#dce0e7;line-height:32px;}
.copy_row2 .add_cont {width:450px;height:150px;position:relative;}
.copy_row2 .add_cont .add_cont_in {padding:15px 0 40px;/*background:url(../images/copy_add.png) no-repeat left bottom;*/position:absolute;left:0;top:0;width:100%;}
.copy_row2 .add_tit ul li.cur {color:#fff;}
.copy_row2 .fr{ float:right; width:880px; overflow:hidden;}
.copy_row2 .fr > ul {float:left; width:220px; /*padding:0 50px;*/}
.copy_row2 .fr > ul li { /*border:1px solid #FF0000;*/}
.copy_row2 .fr > ul li a {font-weight:lighter;color:#a6acb5;line-height:25px;font-size:13px;}
.copy_row2 .fr > ul strong {}
.copy_row2 .fr > ul strong a {display:block;font-size:17px;font-weight:normal;color:#fff;line-height:40px;}
.copy_row2 .fr > ul li:hover a {color:#fff;text-decoration:underline;}
.copy_row3{ line-height:25px; padding-bottom:30px;}

.sideNav {width:320px;height:100%;position:fixed;right:-320px;top:0;background:#f9f9f9;z-index:10000000;overflow-y:auto;overflow-x:hidden;display:block;transition:all .4s ease;padding-top:90px;text-align:center;font-size:0;}
.sideNav.open .sideClose,.sideNav.open .logo,.sideNav.open .sideMenu,.sideNav.open .navBottom {transform:translateY(0);opacity:1;}
.sideNav.close .sideClose,.sideNav.close .logo,.sideNav.close .sideMenu,.sideNav.close .navBottom {opacity:0;transform:translateY(100%);}
.sideNav .otherLinkBox {display:none;}
.sideNav .menuTitle {display:none;padding-left:20px;line-height:75px;background:#333333;font-size:20px;font-family:Montserrat-Regular;color:#adadad;letter-spacing:-2px;}
.sideNav .logo {padding-bottom:40px;transition:all 0.8s cubic-bezier(0.24,0.72,0.35,1.01) 0.8s;opacity:0;transform:translateY(100%);display:block;}
.sideNav .logo img {display:block;margin:0 auto;}
.sideNav .sideClose {position:absolute;top:35px;right:25px;width:30px;height:30px;transform:translateY(100%);opacity:0;background:url(../images/sideClose.jpg) left center no-repeat;transition:all 0.5s cubic-bezier(0.24,0.72,0.35,1.01) 0.7s;}
.sideNav .sideMenu {transition:all 0.5s cubic-bezier(0.24,0.72,0.35,1.01) 0.1s;transform:translateY(100%);opacity:0;padding:40px 0;}
.sideNav .sideMenu .navList {padding-bottom:25px;}
.sideNav .sideMenu .navList h1 {font-size:22px;color:#333;}
.sideNav .sideMenu .navList .childNav {height:0;overflow:hidden;}
.sideNav .sideMenu .navList .childNav ul li {font-size:16px;color:#cac4bd;padding-top:15px;}
.sideNav .navBottom {width:100%;border-top:2px solid #cac4bd;border-bottom:2px solid #cac4bd;line-height:30px;font-size:14px;color:#8b8782;transition:all 0.8s cubic-bezier(0.24,0.72,0.35,1.01) 0.9s;transform:translateY(100%);opacity:0;box-sizing:border-box;height:146px;}
.sideNav .navBottom a {box-sizing:border-box;}
.sideNav .navBottom .link {width:50%;border-bottom:2px solid #cac4bd;}
.sideNav .navBottom .zhao {width:50%;border-left:2px solid #cac4bd;border-bottom:2px solid #cac4bd;}
.sideNav .navBottom .staff {width:50%;}
.sideNav .navBottom .focus {width:50%;border-left:2px solid #cac4bd;}
.exit-off-canvas {position:fixed;top:0;left:0;width:0;height:100%;cursor:pointer;z-index:99999;background:#000;opacity:0.5;transition:all .4s ease;}
.sideNav .sideMenu .navList h1 a {color:inherit;font-size:inherit;font-weight:normal;display:block;line-height:40px;}
.sideNav .sideMenu .navList .childNav ul li a {font-size:14px;color:#666;font-weight:100;}



.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/bg_10.png); z-index:9999; display:none;}
.tc_930 {
  width: 930px;
  height: 424px;
  background: url(../images/bg_14.png);
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -252px 0 0 -465px;
  padding: 57px 55px 0 55px;
  z-index: 10001;
  display: none;
}
.tc_930 *{box-sizing: border-box;}
.tc_930 .bian{ width:96%; height:92%; border:dashed 1px #a8c4e7; left:2%; top:4%; position:absolute; z-index:1;}
.tc_930 .btn{ width:32px; height:32px; position:absolute; right:55px; top:57px; cursor:pointer; z-index:9999;}
.tc_930 .title{ width:100%; float:left;}
.tc_930 .title img{ display:block; float:left;}
.tc_930 .title span{ display:block; float:left; margin-left:21px;}
.tc_930 .title span img{ margin-top:-4px;}
.tc_930 ul{ margin:0 -10px; z-index:9999; position:relative;}
.tc_930 ul li{ width:50%; float:left; margin-top:20px; padding:0 10px;}
.tc_930 ul li .zbox{ width:100%; float:left; border:solid 1px #797979; padding:0 4px 0 60px; position:relative;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_930 ul li .zbox .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;}
.tc_930 ul li .zbox .ico img{ width:100%; float:left;}
.tc_930 ul li .zbox .name{ float:left; font-size:16px; color:white; line-height:54px;}
.tc_930 ul li .zbox .txk{ margin-left:38px; position:relative;}
.tc_930 ul li .zbox .txk input{outline: none;border: 0 none; display:block; width:100%; height:54px; line-height:54px; color:white; font-size:16px; background:none;}
.tc_930 ul li.l1 .zbox .txk{ margin-left:74px;}
.tc_930 ul li.l2 .zbox .txk{ margin-left:56px;}
.tc_930 ul li.l3{ width:100%; position:relative;}
.tc_930 ul li.l3 textarea{ display:block; width:100%; height:75px;border:solid 1px #797979; padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white !important;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.inco1 ::-webkit-input-placeholder { color:#fff !important;}  
.inco1 :-moz-placeholder {  color:#fff !important;}
.inco1 ::-moz-placeholder {  color:#fff !important;}
.inco1 :-ms-input-placeholder { color:#fff !important; }
.tc_930 ul li.l3 span{ font-size:16px; line-height:24px; background:none; color:white !important; position:absolute; left:29px; top:10px; z-index:-1;}
.tc_930 ul li.l4{ float:right;}
.tc_930 ul li.l4 input{outline: none;border: 0 none;display:block; width:100%; height:56px; line-height:54px; color:#fff; font-size:24px; cursor:pointer; background:#ff561c;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.tc_930 ul li.l4 input:hover{ background:#fff; color:#ff561c;}
.m_page_in{padding: 70px;}




@keyframes warnX {
0% {box-shadow: 0 0 0 12px rgba(255,199,92,0.6);}
50% {box-shadow: 0 0 0 0px rgba(255,199,92,0);}
100% {box-shadow: 0 0 0 12px rgba(255,199,92,0.6);}
}

.popups{background: #ffc75c;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZjNzVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOGY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(-45deg, #ffc75c 1%, #ff8f5c 100%);background: -webkit-linear-gradient(-45deg, #ffc75c 1%,#ff8f5c 100%);background: linear-gradient(135deg, #ffc75c 1%,#ff8f5c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc75c', endColorstr='#ff8f5c',GradientType=1 );width: 60px;height: 60px;border-radius: 50%;position: fixed;right: 30px;top: 50%;box-shadow: 0 0 0 12px rgba(255,199,92,0.6);cursor: pointer;animation: warnX 5s ease-out 0s;z-index: 333;}
.popups span{color: #fff;width: 40px;height: 40px;line-height: 15px;font-size:15px;display: block; margin-left:15px; margin-top:15px; overflow:hidden;}
.popup {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999999;display: none;}
.popupbox {margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);width: 350px;height: 390px;-moz-box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);-webkit-box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);}
.popup-img {width: 100%;height: 100%;}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.banner_bg_a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.section-content{ padding:0px; margin-top:20px; }
.nav-height{ position:relative; height: 50px;}
.nav-wrap { height: 50px; background: #fff;}
.nav-wrap.navFix{position: fixed; top:70px; /*left: 0;*/ box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; display: block; /*border-bottom: 2px solid #eee;*/}
.nav-wrap.navFix ul{ margin-top:0px; border-bottom: 0;}
.nav-wrap li { margin-left:20px; margin-right:20px; display: inline-block; text-align: left; height: 35px; line-height: 35px; letter-spacing:8px; float: left;}
.nav-wrap li a {display: block; padding:0px 22px; font-size:14px; color: #333;border-radius:3px; -webkit-border-radius: 3%;-moz-border-radius: 3%;-o-border-radius: 3%;-ms-border-radius: 3%; background-color:#FFF; border:1px #dddddd solid; text-decoration: none;}
.nav-wrap li a:hover{ color: #4680d1; }
.nav-wrap li a.active { /*border-bottom:2px solid #4680d1;*/ color: #ffffff; background-color:#e95523; border:1px #e95523 solid;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}

.tablehead{ background:#e95523; color:#FFFFFF;}
.link_blue{ color:#e95523;}


.news-title {
    font-size: 14pt;
    color: #282828;
    margin-top: 16px;
    margin-bottom: 10px;
    font-weight: bold;
	text-align:center;
}

.news-time {
    font-size: 14px;
    color: #989898;
    margin-bottom: 16px;
	text-align:center;
}

.news-content{ line-height:35px;}

/*产品*/
.prod_bg{background: #f5f5f5;height: auto; padding-top:30px; padding-bottom: 20px;}
.prod_top{height: 5.2vw;background:url(../images/product_ico.png)no-repeat top left;}
.prod_l p{font-size: 2.1vw;display: block;line-height:2.3vw;height: 2.3vw; color: #333;text-align: left; padding-left:20px;}
.prod_l d{margin-left: 3vw;    line-height: 3vw;font-size: 1vw;letter-spacing: 1px;}
.prod_r a{width: 8vw;height: 3vw;display: block;background: #aaa;text-align: center;line-height: 3vw;float: left;color: #fff;margin-left: 1vw;margin-top: 1.1vw;font-size: 0.9vw;}
.prod_r a.on{background: #ff561c;}

.prod .divproduct_new_div_item{float:left;width:320px;height: 280px; margin-left:10px; margin-bottom:10px;}
/*.prod .divproduct_new_div_item:nth-child(1){margin-left:0px;}*/
.prod .divproduct_new_div_item_content{height: 50px;background: #fff;padding-top:1vw; overflow:hidden; padding:2px; text-align:center;}
.prod .divproduct_new_div_item_content .divproduct_new_div_item_title a{font-size:1vw;color:#333;height: 5vw; width:320px;display: block;transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s;-webkit-transition: all linear 0.3s;}
.prod .divproduct_new_div_item_content .divproduct_new_div_item_body{color:#666;margin-top: 1.8vw;transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s;-webkit-transition: all linear 0.3s;}
.prod .divproduct_new_div_item_content .divproduct_new_div_item_body:after{content:'';background:url(../images/detail.png) no-repeat;width:4vw;height:1vw;display:block;background-size: 100%;transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s;-webkit-transition: all linear 0.3s;}
.divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_body:after{background:url(../images/detail_white.png)no-repeat;}
.divproduct_new_div_item:hover .divproduct_new_div_item_body{color:#ff561c;}
.divproduct_new_div_item:hover .divproduct_new_div_item_title a{color:#ff561c;}
.prod .tempWrap{width: 100% !important;}
.divproduct_new_div_item_title,.divproduct_new_div_item_body{ position: relative; z-index: 2;}

.divproduct_new_div_item_content:after{width:0;/*height:7.4vw;*/ content:"";display: block; position:absolute; left:0; bottom:0; background:#ff561c; transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s;-webkit-transition: all linear 0.3s;}
.prod .divproduct_new_div_item:hover .divproduct_new_div_item_content:after{width:100%; }

.prod .divproduct_new_div_item .product_div_item_pic{position: relative; transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s;-webkit-transition: all linear 0.3s; border:1px #fff solid;}
.prod .divproduct_new_div_item .product_div_item_pic img{width:100%;}
.prod .divproduct_new_div_item .product_div_item_pic a{display: block;position: relative;}
.prod .divproduct_new_div_item .product_div_item_pic a:before,.prod .divproduct_new_div_item .product_div_item_pic a:after{content:"";display: block; position:absolute; -webkit-transform:scale(0); -moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0.8; }
.prod .divproduct_new_div_item .product_div_item_pic a:before{content:"+";width:4.6vw;height:4.6vw; line-height:4.6vw; text-align:center; top:42%; left:42%; font-size:30px; font-weight:100; color:#fff; border:1px #fff solid;border-radius: 100%;z-index: 2;}
.prod .divproduct_new_div_item .product_div_item_pic a:after{ left:0; top:0; width:100%; height:100%; background-color:rgba(0 ,0,0,0.3);}
.prod .divproduct_new_div_item:hover .product_div_item_pic a:before,.prod .divproduct_new_div_item:hover .product_div_item_pic a:after{-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}



/*简介*/
.about_bg{background: url(../images/index_aboutus_bg.jpg) no-repeat center;height: auto;padding: 50px 0;}
.about_cont{height: 24vw;width: 98%;margin-top: 0.2vw;padding-left:2%;}
.about_l{width: 54%;}
.about_l p{font-size: 1.5vw;color: #ff561c;font-weight: bold;}
.about_l span{font-size: 1vw;letter-spacing: 6px;color: #666;line-height: 1.8vw;}
.about_l d{width: 2vw;height: 0.2vw;display: block;background: #ff561c;margin: 2vw 0;}
.about_l dd{font-size: 0.9vw;line-height: 1.8vw;color: #666;}
.about_l a{width: 11.1vw;height: 2.6vw;background: #ff561c;display: block;text-align: center;line-height: 2.6vw;color: #fff;font-size: 0.8vw;margin-top: 3vw;transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s;-webkit-transition: all linear 0.3s;}
.about_l a:hover{width:15.1vw;background:#ff7849;}
.about_r{width:40%;height: 20.8vw; position: relative;}
.about_r img{position: absolute;display: block; right:0; width:100%;}
.dot{ position: absolute;
    bottom: 45%;
    left: 45%;
    z-index: 2;
    width: 4.5vw;
    height: 4.5vw;
    border-radius: 50%;
    background: url(../images/play.png) #ff561c no-repeat center;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
.pulse { -webkit-animation-name: pulse; animation-name: pulse;}
.pulse {
    position: absolute;
    bottom: 36.8%;
    left: 39.9%;
    z-index: 1;
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    background: #ff561c;
    -webkit-box-shadow: 1px 1px 20px #ff561c;
    box-shadow: 1px 1px 20px #ff561c;
    opacity: 0.9;
    -webkit-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse1 {
    position: absolute;
    bottom: 37.5%;
    left: 40.4%;
    z-index: 1;
    width: 7.5vw;
    height: 7.5vw;
    border-radius: 50%;
    background: #ff561c;
    -webkit-box-shadow: 1px 1px 20px #ff561c;
    box-shadow: 1px 1px 20px #ff561c;
    opacity: 0.8;
    -webkit-animation: warn1 2s ease-out;
    animation: warn1 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed; top:-100%;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease; top:0px;}
.video{position: fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}



/*厂房*/
.comp_bg{height: auto;padding-bottom: 60px;}
.comp ul{width: 72.5%;height: 4.4vw;margin: 0 auto}
.comp ul a{width: 49%;height: 4.4vw;text-align: center;color: #222;float: left;line-height: 4.4vw;font-size: 1.5vw;margin-left: 2%;display: block;border-bottom: 2px solid #eee;}
.comp ul a:nth-child(1){margin-left: 0px;}
.comp ul .cur{border-bottom: 2px solid #ff561c;}
.comp_img table td{padding-left: 0px !important;display: block;float: left;margin-left:1%;overflow: hidden;width:24%; border:1px #eee solid;}
.comp_img table td:nth-child(1){margin-left:0px;}
.comp_img table td div{padding-top: 0px !important;width:100%;line-height: 3vw;position: relative;background:#fff;-webkit-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out;z-index: 3;}
.comp_img table td div a{color:#666;font-size:0.9vw;font-weight:lighter;display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.comp_img table td:hover div a{color:#ff561c;}
.comp_img table td img{width:100%;height:15vw;-webkit-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out;}
.comp_img table td img:hover{transform:scale(1.2);
-ms-transform:scale(1.2); 	
-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2); 
-o-transform:scale(1.2);}
.comp_img table td br{display:none;}
.comp_img table{width:96%;}
.comp .tempWrap{width:100% !important;margin: 3vw auto 0;}

.comp_img2 table td{width:15.6%;}
.layui-colla-title .icon{ color:#FFFFFF;}
.layui-bg-red-re{ background-color:#e86639; color:#FFFFFF; }
sup,sub{color:#FFFFFF;}